@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");
@import url('./normalize.css');
@import url('./Grid.css');
@import url('./Button.css');
@import url('./Table.css');
@import url('./Input.css');
@import url('./Message.css');
@import url('./Pop.css');
@import url('./ElementTheme.css');
.label-mar{
    margin: 10px;
}
.label-mar-bom{
    margin-bottom: 10px;
}
.label-mar-top{
    margin-top: 10px;
}
.full-body{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}
.ver-mid{
    vertical-align: middle;
}
.ver-top{
    vertical-align: top;
}
.ver-bot{
    vertical-align: bottom;
}
.display-flex{
    display: flex;
}
.flex-group-1{
    flex: 1;
}
.flex-group-2{
    flex: 2;
}
.flex-group-3{
    flex: 3;
}
.flex-group-4{
    flex: 4;
}
.flex-group-5{
    flex: 5;
}
.flex-group-6{
    flex: 6;
}
.flex-group-7{
    flex: 7;
}
.flex-group-8{
    flex: 8;
}
.flex-group-9{
    flex: 9;
}
.flex-group-10{
    flex: 10;
}
.inline-block{
    display: inline-block;
}
.pos-mid{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.pos-center{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.pos-right{
    right: 0;
}
.pos-left{
    left: 0;
}

.col-1{
    width: 10%;
}
.col-2{
    width: 20%;
}
.col-3{
    width: 30%;
}
.col-4{
    width: 40%;
}
.col-5{
    width: 50%;
}
.col-6{
    width: 60%;
}
.col-7{
    width: 70%;
}
.col-8{
    width: 80%;
}
.col-9{
    width: 90%;
}
.col-10{
    width: 100%;
}
